<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>分类</title>
		<meta name="Description" content=""/>
		<meta name="Keywords" content=""/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/swiper-4.3.3.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/classify.css"/>
	</head>
	<body>
		<div class="mobile">
			<header>
				<button>Back</button>
				<span>分类</span>
				<div class="sel">
					<select name="city">
						<option value="广州">广州</option>
						<option value="深圳">深圳</option>
					</select>
				</div>
			</header>
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<div class="content">
							<div class="pic">
								<img src="img/classify/pic1.png"/>
							</div>
							<a href="#">美食</a>
						</div>
						<div class="content">
							<div class="pic">
								<img src="img/classify/pic2.png"/>
							</div>
							<a href="#">电影</a>
						</div>
						<div class="content">
							<div class="pic">
								<img src="img/classify/pic3.png"/>
							</div>
							<a href="#">运动</a>
						</div>
						<div class="content">
							<div class="pic">
								<img src="img/classify/pic4.png"/>
							</div>
							<a href="#">唱歌</a>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="content">
							<div class="pic">
								<img src="img/classify/pic1.png"/>
							</div>
							<a href="#">美食</a>
						</div>
						<div class="content">
							<div class="pic">
								<img src="img/classify/pic2.png"/>
							</div>
							<a href="#">电影</a>
						</div>
						<div class="content">
							<div class="pic">
								<img src="img/classify/pic3.png"/>
							</div>
							<a href="#">运动</a>
						</div>
						<div class="content">
							<div class="pic">
								<img src="img/classify/pic4.png"/>
							</div>
							<a href="#">唱歌</a>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="content">
							<div class="pic">
								<img src="img/classify/pic1.png"/>
							</div>
							<a href="#">美食</a>
						</div>
						<div class="content">
							<div class="pic">
								<img src="img/classify/pic2.png"/>
							</div>
							<a href="#">电影</a>
						</div>
						<div class="content">
							<div class="pic">
								<img src="img/classify/pic3.png"/>
							</div>
							<a href="#">运动</a>
						</div>
						<div class="content">
							<div class="pic">
								<img src="img/classify/pic4.png"/>
							</div>
							<a href="#">唱歌</a>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="content">
							<div class="pic">
								<img src="img/classify/pic1.png"/>
							</div>
							<a href="#">美食</a>
						</div>
						<div class="content">
							<div class="pic">
								<img src="img/classify/pic2.png"/>
							</div>
							<a href="#">电影</a>
						</div>
						<div class="content">
							<div class="pic">
								<img src="img/classify/pic3.png"/>
							</div>
							<a href="#">运动</a>
						</div>
						<div class="content">
							<div class="pic">
								<img src="img/classify/pic4.png"/>
							</div>
							<a href="#">唱歌</a>
						</div>
					</div>
				</div>
				<div class="swiper-pagination"></div>
			</div>
			<section>
				<div class="box">
					<div class="title">
						<img src="img/classify/logo1.png"/>
						<h2>美食类</h2>
						<img src="img/index/icon7.png"/>
						<a href="#">更多</a>
					</div>
					<div class="picbox">
						<div class="pic">
							<img src="img/classify/pic5.png"/>
						</div>
					</div>
					<div class="picbox">
						<div class="pic">
							<img src="img/classify/pic6.png"/>
						</div>
					</div>
					<div class="picbox">
						<div class="pic">
							<img src="img/classify/pic7.png"/>
						</div>
					</div>
					<div class="picbox">
						<div class="pic">
							<img src="img/classify/pic8.png"/>
						</div>
					</div>
				</div>
				<div class="box">
					<div class="title">
						<img src="img/classify/logo2.png"/>
						<h2>运动类</h2>
						<img src="img/index/icon7.png"/>
						<a href="#">更多</a>
					</div>
					<div class="picbox">
						<div class="pic">
							<img src="img/classify/pic9.png"/>
						</div>
					</div>
					<div class="picbox">
						<div class="pic">
							<img src="img/classify/pic10.png"/>
						</div>
					</div>
					<div class="picbox">
						<div class="pic">
							<img src="img/classify/pic11.png"/>
						</div>
					</div>
					<div class="picbox">
						<div class="pic">
							<img src="img/classify/pic12.png"/>
						</div>
					</div>
				</div>
				<div class="box">
					<div class="title">
						<img src="img/classify/logo3.png"/>
						<h2>电影类</h2>
						<img src="img/index/icon7.png"/>
						<a href="#">更多</a>
					</div>
					<div class="picbox">
						<div class="pic">
							<img src="img/classify/pic13.png"/>
						</div>
					</div>
					<div class="picbox">
						<div class="pic">
							<img src="img/classify/pic14.png"/>
						</div>
					</div>
					<div class="picbox">
						<div class="pic">
							<img src="img/classify/pic13.png"/>
						</div>
					</div>
					<div class="picbox">
						<div class="pic">
							<img src="img/classify/pic14.png"/>
						</div>
					</div>
				</div>
			</section>
			<footer>
				<ul>
					<li><a href="index.html"><img src="img/index/index.png"/><span>首页</span></a></li>
					<li><a href="classify.html"><img src="img/index/fenlei2.png"/><span>分类</span></a></li>
					<li><a href="dis.html"><img src="img/index/icon3.png"/><span>发现</span></a></li>
					<li><a href="me.html"><img src="img/index/icon4.png"/><span>我的</span></a></li>
				</ul>
			</footer>
		</div>
		
		
		
		<script src="js/swiper-4.3.3.min.js"></script>
		<script type="text/javascript">
			var mySwiper = new Swiper('.swiper-container',{
			autoplay:true,
			pagination: {
			    el: '.swiper-pagination',
			  },
			})
		</script>
	</body>
</html>
